class card {
    constructor() {
        this.$span = $('#s1');
        this.index = 0;
        this.$li = $('#b1');
        this.add();
        this.tab();

    }
    add() {
        let that = this;
        $('.xk').each(function (i, v) {

            $(v).mouseenter(function () {
                console.log(123);
                that.index = i;
                that.tab();
            })
        })
    }
    tab() {
        // 所有的图片影藏 当前下标的图片显示
        $('.tp1').each(function (i, v) {
            $(v).css('display', 'none');
        })
        $('.tp1').eq(this.index).css('display', 'block')
    }
}
new card();